v5.27.1

Compare Source

Fixed

• Dialog, Popover: Improved shadow DOM support for interact outside and focus trap detection
• Marquee: Fixed Firefox flicker and added GPU acceleration
• Dialog: Fixed layout shift issue when using scrollbar-gutter: stable in CSS
• Slider: Fixed onValueChangeEnd callback not triggering for programmatic value changes

v5.27.0

Compare Source

Added

• Marquee [New]: Initial release of marquee component for continuously scrolling content

Fixed

• Angle Slider: Resolved an issue where dragging the thumb from non-center positions caused unexpected value jumps.
  The thumb now maintains consistent positioning relative to the initial click point.

• Slider: Fixed a problem where the thumb offset shifted dynamically during dragging, resulting in value jumps. The
  offset now remains constant from the pointer throughout the drag operation.

• Date Picker: Resolved a crash in the range date picker occurring when users typed the end date first by
  implementing null/undefined checks for date property access.

• Radio Group: Reverted to offsetLeft/offsetTop calculations to restore correct indicator positioning within
  scrollable container contexts.

• Tabs: Reverted to offsetLeft/offsetTop calculations to fix indicator positioning issues in scrollable
  containers.

• Tour:

  • Corrected improper effect cleanup procedures
  • Fixed wait step functionality
  • Added step validation on mount to verify configuration validity

v5.26.2

Compare Source

Fixed

• Angle Slider: Fix accessibility violation where the slider thumb element lacked an accessible name. The thumb now
  supports aria-label and aria-labelledby props, and automatically falls back to the label element's ID for proper
  ARIA labeling.

• Select: Fix accessibility violation where the required state was not set correctly to on the trigger.

• Tags Input: Fix issue where entering a custom tag with combobox integration required pressing Enter twice. The
  tags-input now correctly handles custom values when the combobox has no highlighted item (aria-activedescendant is
  empty), allowing the tag to be added on the first Enter press.

v5.26.1

Compare Source

Fixed

• Checkbox

  • Fix issue where setting initial checked state to indeterminate doesn't work
  • Ensure api.checkedState returns the correct checked state (boolean | "indeterminate")

• Collapsible: Fix issue where dir prop value was hardcoded to ltr instead of using the provided value

• Combobox: Fix issue where controlled single-select combobox does not propagate its initial value to inputValue

• Listbox: Fix issue where pressing Enter key when no highlighted item still calls event.preventDefault()

• Radio Group: Refactor to use getBoundingClientRect() for precise indicator positioning

• Slider

  • Fix issue where slider could stop abruptly when scrubbing thumb
  • Fix issue where range slider thumbs become stuck when dragged to the same position without minStepsBetweenThumbs

• Tabs: Refactor to use getBoundingClientRect() for precise indicator positioning

• Tags Input: Fix issue where maxLength doesn't apply to the edit input as well

v5.26.0

Compare Source

Added

• Collapsible: Add support for collapsedHeight and collapsedWidth props to control the dimensions of the
  collapsible content when in its collapsed state.

• Focus Trap: Allow elements referenced by aria-controls to be included in the trap scope. This makes it possible
  for menus, popovers, etc. to be portalled and work correctly.

• Pagination: Add getPageUrl prop for generating href attributes when using pagination as links.

const service = useMachine(pagination.machine, {
  type: 'link',
  getPageUrl: ({ page, pageSize }) => `/products?page=${page}&size=${pageSize}`,
})

• Select: Add SelectRootComponentProps type export for better component type composition.

• Listbox: Add ListboxRootComponentProps type export for better component type composition.

• Combobox: Add ComboboxRootComponentProps type export for better component type composition.

• TreeView:

  • Add TreeViewRootComponentProps type export for better component type composition.
  • (Experimental) Add support for node renaming functionality:
    • Add TreeViewNodeRenameInput component for inline node label editing
    • Add canRename prop to control which nodes can be renamed
    • Add onRenameStart, onBeforeRename, and onRenameComplete callbacks for rename lifecycle
    • Add CheckedChangeDetails, LoadChildrenErrorDetails, RenameStartDetails, and RenameCompleteDetails type
      exports

Fixed

• Scroll Area: Fix RTL horizontal scrollbar positioning on Safari

• Slider: Fix issue where slider continues dragging when disabled during drag operation.

• Switch: Fix issue where data-active is inconsistently applied when disabled state changes at runtime

v5.25.1

Compare Source

Fixed

• Date Picker

  • Fix issue where year range picker doesn't show the hovered range
  • Fix issue where quarter presets returns incorrect date

• FormatByte: Add support for unitSystem property to allow changing between decimal (1000 bytes) and binary (1024
  bytes) systems.

• Number Input: When formatOptions is used (like style: "currency"), the cursor would jump to the end of the
  input when typing in the middle. The cursor now maintains its relative position during formatting changes.

• Pin Input: Fix issue where using the keyboard shortcuts Cmd+Backspace and Cmd+Delete to delete text in pin
  inputs would insert "undefined" instead of clearing the field.

• Scroll Area: Fix issue where resize tracking was not observing the root element, which caused the scrollbar to not
  update when the root element's size changed.

v5.25.0

Compare Source

Added

• Added mergeProps utility for combining multiple props objects with proper event handler and className merging.
• Added createContext utility for creating typed React contexts with improved DX.

import { createContext } from '@​ark-ui/react/utils'

Fixed

• AngleSlider: Export angleSliderAnatomy from the anatomy exports

v5.24.1

Compare Source

Fixed

• General: Fix issue where mergeProps throws when props is undefined or null

v5.24.0

Compare Source

Added

• Combobox: Add alwaysSubmitOnEnter prop to allow bypassing the default two-step